.step_container {
  display: flex;
  padding: 40px 0 50px;
  height: 180px;
  background-color: #fff;
  justify-content: center;
  flex-wrap: wrap;
  &::after {
    align-self: flex-end;
    content: '';
    width: 100%;
    height: 4px;
    background-image: linear-gradient(to right, #999 0%, #999 50%, transparent 50%);
    background-size: 26px 4px;
    background-repeat: repeat-x;
  }
  .step_item {
    position: relative;
    padding: 0 50px;
    font-size: 30px;
    font-weight: bold;
    color: #979797;
    line-height: 44px;
    .step_item_circle {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -33px;
      width: 20px;
      height: 20px;
      border: 2px solid #979797;
      background-color: #fff;
      border-radius: 50%;
      z-index: 999;
    }
    .step_item_finished_icon {
      position: absolute;
      width: 36px;
      height: 36px;
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 36px;
      background-color: #fff;
      z-index: 999;
    }
    .step_item_line {
      position: absolute;
      height: 10px;
      width: 50vw;
      background-color: #fff;
      bottom: -26px;
      right: 50%;
      border-bottom: 4px solid;
    }    
  }
  .step_item_actived {
    color: @brand-primary !important;
    border-color: @brand-primary !important;
  }
}
